<template>
  <j-modal title="检测信息" :width="700" :visible="visible" switchFullscreen @cancel="handleCancel" @ok="handleOk">
    <div class="box">
      <p><span>检测地点：</span>{{ info.detectArea }}{{ info.detectAreaDetail }}</p>
      <p><span>检测次数：</span>第{{ info.detectNum }}次</p>
      <p><span>检测时间：</span>{{ info.detectTime }}</p>
      <p><span>检测机构：</span>{{ info.detectUnit }}</p>
      <p><span>检测结果：</span>{{ info.detectResult == '1' ? '阴性' : '阳性' }}</p>
      <p><span>详细数据：</span>{{ info.detailData }}</p>
      <p><span>检测报告：</span>{{ info.detectReport }}</p>
    </div>
    <template slot="footer">
      <p style="text-align: left;">创建人：{{ info.createName }} <span style="margin-left:30px;">创建时间：{{ info.createTime
          }}</span> </p>
    </template>
  </j-modal>
</template>
<script>
import * as sewageCheck from '@/api/sjsk/help/sewageCheck.js'
export default {
  name: 'detailModal',
  data() {
    return {
      visible: false,
      info: {},
    }
  },
  async created() {
  },
  methods: {
    show(id) {
      this.visible = true
      this.info = {}
      this.getDetail(id)
    },
    getDetail(id) {
      sewageCheck.sewageListDetailResult(id).then(res => {
        if (res.success) {
          this.info = res.result
          // this.form.detectAreaIdArr = this.form.detectAreaLevel.split(',') //行政区划回显
        }
      })
    },
    handleCancel() {
      this.visible = false
    },
    handleOk() {
      this.visible = false
    }
  },
}
</script>
<style lang="less" scoped>
/deep/ .ant-modal-footer {
  display: flex;
  justify-content: space-between;
}

.box {
  span {
    display: inline-block;
    width: 80px;
    text-align: left;
  }
}
</style>
